草庐IT

HTML5 新元素

全部标签

javascript 从缓冲区将图像绘制到 html (nodejs/socket.io)

(对不起我的英语)嗨,我有一个用nodejs创建的应用程序,用于将图像数据推送到网页中。使用socket.io将nodejs服务器的数据推送到网页此数据为完整图像,我尝试写入光盘以查看图像并且很好。数据被放入缓冲区以base64编码然后发送到网页,我尝试使用'data:image/png;base64,'+数据但什么也没发生……数据似乎是“完整的”,包括PNG图像的标题。服务器使用thrift与另一个客户端(在C++中)通信,该客户端创建图像并发送到nodejs-thrift服务器,当接收到图像时,nodejs-socket.io服务器推送到网页。一些代码:服务器端varhttp=re

javascript - 在 jQuery 中,我可以使用 .data() 将元素存储到另一个元素上以便快速检索吗?

我可以使用data()函数将dom元素(或jQuery元素)存储到另一个元素上吗?(见下面的代码)它是按值存储还是按引用存储?这是好的做法吗?我希望能够快速轻松地找到主元素的从属元素(参见下面的代码),如下所示:$slave=$('.some.path.to.slave');$master=$('.some.path.to.master');$master.data('slave',$slave);$master.click(function(){$(this).data('slave').toggle()});(显然代码很愚蠢,但我实际上循环了很多主从元素。)

javascript - 查找包含匹配正则表达式的字符串的 DOM 元素

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭1年前。Improvethisquestion我需要在HTML页面上找到所有匹配特定正则表达式的文本片段(也就是说,我需要忽略标签以便'Firstname:John'匹配'Firstname:John'),然后突出显示这些找到的片段(通过用新元素装饰)并应用自定义css样式)并能够找到这些片段,例如能够将它们滚动到View中。功能类似于Skype浏览器插件对页面上找到的电话号码的处理。

javascript - 如何使用 javascript 优化呈现大量 DOM 元素?

在网页上,我有一个相当大的项目列表(例如,产品卡,每个都包含图像和文本)-大约有1000个。我想在客户端过滤这个列表(只显示那些没有被过滤掉的项目),但是存在渲染性能问题。我应用了一个非常窄的过滤器,只剩下10-20个项目,然后取消它(所以所有项目都必须再次显示),浏览器(非常好的机器上的Chrome)挂断了一两秒钟。我使用以下例程重新呈现列表:for(vari=0,l=this.entries.length;idict是允许项的id的散列这个函数本身是即时运行的,它是挂起的渲染。是否有比更改DOM元素的“显示”属性更优化的重新渲染方法?提前感谢您的回答。

javascript - CSS 溢出 : scroll HTML 的滚动问题

这里是jsFiddle以便更好地理解:http://jsfiddle.net/BzYcZ/我有一些带有滚动条的div。我想要的是当我使用鼠标滚动在到达div的末尾时停止滚动,而不是滚动整个页面。发生的事情是,当我到达div的末尾时,整个页面开始滚动。我知道这是浏览器驱动的,但是是否有一些JS事件可以处理这种情况并防止在我的光标位于此div元素上时滚动整个页面。编辑:我希望能够滚动整个页面,但只有当我的鼠标离开这个div时。解决方案.noscroll{position:fixed;overflow-y:scroll;width:100%;}这是JavaScript部分:$('.small

javascript - 通过在它们周围徒手绘制来选择 SVG 元素

我正在做一个项目,我想在一些SVG元素周围画一条线,以便选择区域内的对象。这是我现在的截图。我已经使用Paint添加了线条,以便完全清楚我想要实现的目标。我想选择绘制的圆圈内的两个rect。我看到了一些必须解决的步骤:在mousedown处创建一个path元素并记录鼠标移动直到mouseup关闭路径,以防用户没有画圆查找完全或部分在圆圈内的svg元素您看到了哪些方法,您对如何着手有什么建议吗?我正在使用D3.js.这slide(作者MikeBostock,D3的创建者)可能值得一看。 最佳答案 我会执行以下步骤:获取手绘形式的aab

javascript - Chrome 在具有边框半径的缩放元素内搞乱图像

用例我正在尝试构建“幻灯片放映”类型的应用程序。每张幻灯片都有固定的宽高比,但我希望内容以其正常的宽度/高度呈现-所以我试图在幻灯片的内容上使用CSS3“transform:scale”,使用视口(viewport)宽度/高度我计算理想的比例/边距以使幻灯片适合视口(viewport)。在一张特定的幻灯片上,我为人们展示了一些“信息卡”和每个人的“继任者”列表问题Chrome在图像上显示出一些非常奇怪的行为。如果您调整窗口大小,图像会到处移动。如果您强制图像以某种方式重新绘制图像似乎会自行修复(即向下滚动页面并返回)编辑这似乎与边框半径框内的图像特别相关!问题这是Chrome中的错误吗

javascript - 如何让用户通过我的自定义域访问 amazon s3 html/javascript 页面?

我有一个金字塔/python应用程序,在www.domain.com有一个页面,它在s3.amazonaws.com/testbucket/object_name创建html页面。现在在这个测试桶中,我还有每个对象(html页面)使用的javascript文件。我想要它,以便用户可以转到subdomain.domain.com/object_name并查看启用了javascript的文件。我已将subdomain.domain.com(我的存储桶名称)命名为s3.amazonaws.com。(最后一个句点在最后)。现在我有两个问题(我更关心第二个)1).当我尝试通过https://su

javascript - 这是 html5shiv 中的错字吗?

我刚看到html5shiv并找到这段代码:functionaddStyleSheet(ownerDocument,cssText){varp=ownerDocument.createElement('p'),parent=ownerDocument.getElementsByTagName('head')[0]||ownerDocument.documentElement;p.innerHTML='x'+cssText+'';returnparent.insertBefore(p.lastChild,parent.firstChild);}在哪里p.innerHTML='x'+cssT

javascript - 跟踪基本 HTML 表单发布进度

我有一个基本的HTML表单,可以正常提交,根本没有ajax。此表单使用常规邮寄提交到同一文件。我不使用AJAX,因为表单有12个文本字段和至少1个图像,但最多可能有26个图像,而ajax不能同时处理表单和图像,我必须保存到数据库中,而且很多AJAX的额外工作量。问题是我需要以某种方式跟踪表单上传进度。大多数程序员都知道在浏览器的左下角或右下角查看表单提交进度。但大多数人并不知道这一点。所以我想显示一个进度条。问题是我发现所有进度条都使用ajax的XHR请求。由于表单不是ajax,我似乎无法找到跟踪进度的方法。那么有没有办法拦截浏览器内部的提交进度,看看表单上传完成的百分比呢?编辑我在页